<template>
  <ele-page>
    <ele-card>
      <div class="print-container">
        <div>
          <div class="container-01">
            <table>
              <tr class="line-fr">
                <td class="cell-title">在校发表论文、作品,取得科研成果情&nbsp;&nbsp;况</td>
                <td class="container pd-10">无</td>
              </tr>
              <tr class="line-sd">
                <td class="cell-title">备&nbsp;&nbsp;注</td>
                <td class="container remarks">
                  <p>我院实行学分制管理，学生须完成规定的学分取得毕业资格并获得毕业证书后，才能予以派遣、就业。</p>
                  <p class="date">2024/04/10</p>
                </td>
              </tr>
            </table>
          </div>
          <div class="container-02">
            <h2>填表说明</h2>
            <div class="container">
              <p>1、本表按福建省教育厅要求印制，学生基本情况、推荐意见由学院毕业生就业管理部门审核盖章。</p>
              <p>2、培养方式指：非定向、定向、委培、自筹。</p>
              <p>3、学生成绩一览表由学院教务部门制作、审核、盖章。</p>
            </div>
          </div>
        </div>
        <div>
          <div class="container-04">
            <div>211000000</div>
          </div>
        </div>
        <div>
          <div class="container-05">
            <h1>福建省普通高校毕业生<br/>就&nbsp;&nbsp;业&nbsp;&nbsp;推&nbsp;&nbsp;荐&nbsp;&nbsp;表</h1>
            <div class="line">
              <div class="title">姓&nbsp;名：</div>
              <div class="info">XXX</div>
            </div>
            <div class="line">
              <div class="title">学&nbsp;校：</div>
              <div class="info">福州大学至诚学院</div>
            </div>
            <div class="line">
              <div class="title">专&nbsp;业：</div>
              <div class="info">材料成型及控制工程</div>
            </div>
            <div class="line">
              <div class="title">学&nbsp;历：</div>
              <div class="info">本科</div>
            </div>
            <div class="line">
              <div class="title">毕业时间：</div>
              <div class="info">2024-7-1</div>
            </div>
          </div>
        </div>
      </div>
      <div class="print-container">
        <div>
          <div class="container-03 second-03">
            <table>
              <tr class="line-fr">
                <td class="cell-01"></td>
                <td class="cell-02"></td>
                <td class="cell-03"></td>
                <td class="cell-04"></td>
                <td class="cell-05"></td>
                <td class="cell-06"></td>
                <td class="cell-07"></td>
                <td class="cell-08"></td>
                <td class="cell-09"></td>
                <td class="cell-10"></td>
                <td class="cell-11"></td>
                <td class="cell-12"></td>
                <td class="cell-13"></td>
              </tr>
              <tr>
                <td>姓&nbsp;名</td>
                <td colspan="2">XXX</td>
                <td>性别</td>
                <td>男</td>
                <td>政&nbsp;治面&nbsp;貌</td>
                <td colspan="3">共青团员</td>
                <td>毕&nbsp;业时&nbsp;间</td>
                <td colspan="2">2024-7-1</td>
                <td rowspan="4">211000000</td>
              </tr>
              <tr>
                <td colspan="3">学&nbsp;校</td>
                <td colspan="6">福州大学至诚学院</td>
                <td>培&nbsp;养方&nbsp;式</td>
                <td colspan="2">非定向</td>
              </tr>
              <tr>
                <td colspan="3">专&nbsp;业</td>
                <td colspan="4">材料成型及控制工程</td>
                <td>学制</td>
                <td>4年</td>
                <td>学&nbsp;历</td>
                <td colspan="2">本科</td>
              </tr>
              <tr>
                <td colspan="3">第二专业</td>
                <td colspan="6">材料成型及控制工程</td>
                <td>学&nbsp;历</td>
                <td colspan="2">无</td>
              </tr>
              <tr>
                <td>外&nbsp;语水&nbsp;平</td>
                <td colspan="3">英语校四级</td>
                <td>计算机水&nbsp;平</td>
                <td colspan="4">初级</td>
                <td>身&nbsp;高</td>
                <td>170CM</td>
                <td>视力</td>
                <td>
                  <p>左: 5.0</p>
                  <p>右: 4.8</p>
                </td>
              </tr>
              <tr>
                <td>个&nbsp;人电&nbsp;话</td>
                <td colspan="3">13312341234</td>
                <td>家&nbsp;庭电&nbsp;话</td>
                <td colspan="4">17712341234</td>
                <td>电&nbsp;子邮&nbsp;箱</td>
                <td colspan="3">123456@qq.com</td>
              </tr>
              <tr>
                <td>学&nbsp;校地&nbsp;址</td>
                <td colspan="8">福建省福州市鼓楼区杨桥西路50号</td>
                <td>邮&nbsp;政编&nbsp;码</td>
                <td colspan="3">350002</td>
              </tr>
              <tr>
                <td>家&nbsp;庭地&nbsp;址</td>
                <td colspan="8">福建省福州市XX区XX路XX号</td>
                <td>邮&nbsp;政编&nbsp;码</td>
                <td colspan="3">350000</td>
              </tr>
              <tr class="line-01">
                <td class="cell-title" colspan="2">家&nbsp;庭<br/>主要成员<br/>情&nbsp;况</td>
                <td class="cell-body" colspan="11">
                  <p>父亲-XXX-土木工程师</p>
                  <p>母亲-XXX-个体</p>
                </td>
              </tr>
              <tr class="line-01">
                <td class="cell-title" colspan="2">在校奖惩<br/>情&nbsp;况</td>
                <td class="cell-body" colspan="11">无</td>
              </tr>
              <tr class="line-01">
                <td class="cell-title" colspan="2">在校从事<br/>社会工作<br/>情&nbsp;况</td>
                <td class="cell-body" colspan="11">无</td>
              </tr>
              <tr class="line-02">
                <td class="cell-title" colspan="2">求&nbsp;职<br/>意&nbsp;向</td>
                <td class="cell-body body-01" colspan="11">无</td>
              </tr>
              <tr class="line-03">
                <td class="cell-title" colspan="2">所在系<br/>推荐意见</td>
                <td class="cell-body" colspan="11">该生在思想上，始终以提高自身的综合素质为目的，以个人的全面发展为奋斗方向，主动上进、勤奋求实、乐于助人。还主动参与学院、学校学术科技活动，将教室所学的专业知识灵活地应用到专业实践中，做到理论联系实践。
                </td>
              </tr>
              <tr class="line-04">
                <td colspan="2">学院推荐<br/>意&nbsp;见</td>
                <td class="fs-24" colspan="11">同意推荐就业！</td>
              </tr>
              <tr class="line-05">
                <td colspan="2">学院联系人</td>
                <td class="cell-link" colspan="11">
                  <p>XXX&nbsp;&nbsp;老师&nbsp;&nbsp;0591-12341234</p>
                  <p>学院毕业生就业指导中心电话&nbsp;&nbsp;0591-12341234</p>
                </td>
              </tr>
            </table>
          </div>
        </div>
        <div>
          <div class="container-04">
            <div></div>
          </div>
        </div>
        <div>
          <div class="container-06">
            <h5>福州大学至诚学院学生成绩一览表</h5>
            <div></div>
          </div>
        </div>
      </div>
    </ele-card>
  </ele-page>
</template>

<script setup>
</script>

<style lang="scss" scoped>
.print-container {

  display: flex;
  * {
    padding: 0;
    margin: 0;
  }
  .pd-10 {
    padding: 10px;
  }
  .fs-24 {
    font-size: 24px;
  }
  .container-01 {
    table {
      border-collapse:collapse;
      tr {
        .cell-title {
          text-align: center;
          padding: 29px;
          width: 57px;
        }
        .container {
          width: 565px;
          vertical-align: top;
        }
        .remarks {
          padding: 10px;
          p {
            text-indent: 2em;
            margin: 0;
            line-height: 1.2em;
            &:first-child {
              font-size: 17px;
            }
            &.date {
              text-align: right;
            }
          }
        }
        td {
          border: solid 1px black;
          line-height: 1.2em;
        }
      }
      .line-fr {
        height: 660px;
      }
      .line-sd {
        height: 80px;
      }
    }
  }
  .container-02 {
    height: 165px;
    width: 700px;
    padding: 30px 0;
    h2 {
      text-align: center;
      letter-spacing: 0.5em;
    }
    .container {
      padding: 10px 0 0 50px;
      p {
        font-size: 17px;
        text-indent: 2em;
      }
    }
  }
  .second-03 {
    margin: 27px 0 0 0;
  }
  .container-03 {
    table {
      width: 700px;
      border-collapse:collapse;
      td {
        height: 50px;
        border: solid 1px black;
        text-align: center;
      }
      .line-fr {
        td {
          height: 1px;
          border: none;
        }
        .cell-01 {
          width: 49px;
        }
        .cell-02 {
          width: 57px;
        }
        .cell-03 {
          width: 31px;
        }
        .cell-04 {
          width: 49px;
        }
        .cell-05 {
          width: 49px;
        }
        .cell-06 {
          width: 49px;
        }
        .cell-07 {
          width: 30px;
        }
        .cell-08 {
          width: 30px;
        }
        .cell-09 {
          width: 40px;
        }
        .cell-10 {
          width: 49px;
        }
        .cell-11 {
          width: 40px;
        }
        .cell-12 {
          width: 40px;
        }
        .cell-13 {
          width: 100px;
        }
      }
      .line-01 {
        td {
          height: 107px;
        }
      }
      .line-02 {
        td {
          height: 45px;
        }
      }
      .line-03 {
        td {
          height: 145px;
        }
      }
      .line-04 {
        td {
          height: 75px;
        }
      }
      .line-05 {
        td {
          height: 30px;
        }
      }
      .cell-title {
        padding: 0 30px;
      }
      .cell-body {
        text-align: left;
        vertical-align: top;
        padding: 0 5px;
        &.body-01 {
          vertical-align: middle;
        }
      }
      .cell-link {
        p:first-child {
          float: left;
          padding: 0 0 0 10px;
        }
      }
    }
  }
  .container-04 {
    width: 102px;
    height: 100%;
    padding: 890px 0 0 0;
    text-align: center;
  }
  .container-05 {
    width: 680px;
    height: 808px;
    text-align: center;
    h1 {
      font-size: 49px;
      margin: 130px 0 355px 0;
    }
    .line {
      display: flex;
      justify-content: center;
      font-size: 20px;
      height: 45px;
      align-items: center;
      .title {
        font-weight: bold;
        width: 100px;
        text-align: right;
      }
      .info {
        border-bottom: solid black 1px;
        width: 290px;
      }
    }
  }
  .container-06 {
    width: 680px;
    height: calc(100% - 900px);
    text-align: center;
    h5 {
      font-size: 18px;
      font-weight: normal;
    }
    div {
      border: solid black 1px;
      height: 1026px;
    }
  }
}
</style>
